export default function header(title: string, name: string) {
	return `<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>${title}</title>
	<!-- @daoke dependencies begin -->
	<!-- todo: need use cdn -->
	<link href="https://cdn.jsdelivr.net/npm/purecss" type="text/css" rel="stylesheet">
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link id="theme" href="https://cdn.jsdelivr.net/npm/feidao-css/theme/blue.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./css/daokes.css">
	<!-- @daoke dependencies end -->
	<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
	<script src="./js/feidao.js"></script>

	<script type="text/javascript">
		window.addEventListener('WebComponentsReady', function () {
			var t = document.createElement('script');
			t.src = './js/${name}.js';
			document.head.appendChild(t);
		});
	</script>
</head>
<body>`;
}
